var VIP = parseInt(localStorage.getItem('vip'))

function run() {
    var userDetail = document.getElementById('table')
    console.log(userDetail);
    // const userll = document.createElement('tr')
    var trall = document.createElement('tr');
    trall.innerHTML = `<th>
    ID
</th>
<th>
    用户名
</th>
<th>
    密码
</th>
<th>
    手机号
</th>
<th>
    邮箱
</th>
<th>
    头像地址
</th>
<th>
    注册时间
</th>
<th>
    操作
</th>`;
    userDetail.appendChild(trall);
    // userDetail.appendChild(userll)

}

function getLocalTime(nS) {
    return new Date(parseInt(nS)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
}

var token = localStorage.getItem('mytoken')
console.log(token);
kan();

function kan() {


    $.ajax({
        url: `http://192.168.3.184:7001/admin`,
        method: "GET",
        headers: {
            token
        },
        success: function(res) {
            console.log(res)
            const _content = document.querySelector('#table')
            const showContent = () => {
                //每次清空

                _content.innerHTML = '';
                _content.innerHTML = `<th>ID</th>
                <th>VIP</th>
            
                <th>账户名</th>
              
               
               
                <th>加入时间</th>
                <th>操作</th>`
                res.data.forEach((item, index) => {
                    // console.log(item.jion_time);
                    const time = getLocalTime(item.join_time)
                        //遍历计算方法，当前为第1页，一页2个，以此类推
                        // console.log(item, index);


                    const tr = document.createElement('tr');
                    tr.innerHTML = `<td>${item.id}</td>
                        <td>${item.VIP}</td>
                     
                        <td>${item.admin_name}</td>
                        <td>${time}</td>
                        <td>
                        <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${item.id}' />
                        <img src='.\\imges\\de.png' class="btn" name="delete" id='${item.id}' />
                      
                    
                        </td>`
                        //    <img src='.\\imges\\ussss.png' class="btn " name="gt" data-id='${item.id}' />
                    _content.appendChild(tr)

                })
            }
            showContent()
                // if (res.code === 0) {

            //     var trall = document.createElement('tr');
            //     var userDetail = document.getElementById('table')
            //     console.log(userDetail);
            //     // const userll = document.createElement('tr')

            //     trall.innerHTML = `<th>
            //     ID
            // </th>
            // <th>
            //     VIP
            // </th>
            // <th>
            //     用户名
            // </th>

            // <th>
            //     加入时间
            // </th>
            // <th>
            //     操作
            // </th>`;

            //     // userDetail.appendChild(userll)

            //     userDetail.appendChild(trall)

            //     for (var i = 0; i < res.data.length; i++) {
            //         // console.log(res.data[i].id);


            //         // console.log(userDetail);

            //         const tr = document.createElement('tr');

            //         for (let data in res.data[i]) {



            //             const td = document.createElement("td");
            //             td.innerHTML = res.data[i][data]
            //             tr.appendChild(td)

            //             // if (data == 'operate') {
            //             //     td.innerHTML = `<button class="btn" name="delete">删除</button>
            //             //    <button class="btn up" name="g">修改</button>`
            //             // }

            //         }
            //         const lasttd = document.createElement('td');
            //         lasttd.innerHTML = `<img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
            //         <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' />`
            //         tr.appendChild(lasttd)
            //         tr.id = res.data[i].id;
            //         userDetail.appendChild(tr);
            //     }
            // }

        }
    })
}



//增加
function addadmin(name, psd) {
    console.log(name, psd, VIP);
    $.ajax({
        url: `http://192.168.3.184:7001/admin`,
        type: 'post',
        headers: {
            token
        },
        data: {
            admin_name: name,
            admin_pswd: psd,


        },
        success: (res) => {
            // window.location.reload()
            console.log(res);
            console.log(VIP);
            // kan();

        }
    })
}

//删除
function rem(id) {
    $.ajax({
        url: `http://192.168.3.184:7001/admin/${id}`,
        type: 'delete',
        data: {
            id
        },
        headers: {
            token
        },
        success: (res) => {
            console.log(res);
            // kan();
            // window.location.reload()
        },
        error: () => {
            console.log(1);
        }
    })
}

//查询
// function getList(keyname = '') {
//     $.ajax({
//         url: `http://192.168.3.184:7001/users`,
//         method: "GET",
//         // headers: {
//         //     token: localStorage.
//         // },
//         success: function(res) {
//             // console.log(userDetail)
//             var userDetail = document.getElementById('table')
//             userDetail.innerHTML = ''
//                 // run();
//             if (res.code === 0) {
//                 // run()
//                 // const tb = document.createElement('tbody');
//                 kan()

//                 // console.log(res);
//             } else {
//                 alert(res.msg)
//             }


//         }
//     })
// }


//搜索
// getList();

//获取详情信息
function getTail(id) {
    $.ajax({
        url: `http://192.168.3.184:7001/admin/${id}`,
        type: 'get',
        headers: {
            token
        },
        success: (res) => {
            console.log(res);

            for (let item in res.data) {
                console.log(res.data);
                const usn = document.querySelector('#jiumima');
                usn.value = res.data.admin_name;

                // console.log(res.data.user_name);
            }

        }
    })
}


//修改
function update(id, admin_pswd, confPwd) {
    $.ajax({
        url: `http://192.168.3.184:7001/admodifypswd/${id}`,
        type: 'put',
        headers: {
            token
        },
        data: {
            id,
            admin_pswd,
            confPwd
        },
        success: (res) => {
            window.location.reload();
            console.log(res);
        }
    })
}